@import '../../../themes/default.less';

@trigger-hover-bg: rgba(0, 0, 0, 0.025);

.header-layout {
  position: relative;
  height: 100%;
  color: rgba(0, 0, 0, 0.85);
  line-height: @center-header-height;
  :global {
    .trigger {
      display: inline-block;
      height: 100%;
      padding: 0 16px;
      font-size: 20px;
      vertical-align: top;
      cursor: pointer;
      transition: all 0.3s;
      &.ant-dropdown-open,
      &:hover {
        background-color: @trigger-hover-bg;
      }
      &.trigger_active {
        background-color: @base-bg-color;
      }
      .title {
        display: inline-block;
        min-width: 94px;
        text-align: center;
        span {
          color: rgb(166, 166, 166);
          font-size: 16px;
        }
      }
      &.trigger-open {
        color: @primary-color;
        background-color: @trigger-hover-bg;
      }
    }
    .header-layout-right {
      float: right;
      height: 100%;
      overflow: hidden;
    }
  }
}
